<template>
	<view>
		 <u-scroll-list :indicator="set.indicator==1?true:false" 
		 :indicatorColor="set.indicatorColor" 
		 :indicatorActiveColor="set.indicatorActiveColor">
		 <view style="display: flex;flex-direction: row;justify-content: flex-start;">
			 <view @click="click(item.url)" v-for="(item, index) in set.list" :key="index" style="margin:0 10px;display: flex;flex-direction: column;">
			     <image :src="item.img" mode="aspectFill" 
			 	:style="'width: '+set.size+'px;height:'+set.size+'px;border-radius:'+set.radius+'px;'"></image>
				<text v-if="set.showTitle==1" :style="'font-size: 14px;text-align: center;margin-top: 3px;color: '+set.color">{{item.title}}</text>
			 </view>
		 </view>
		 </u-scroll-list>
	</view>
</template>

<script>
	export default {
		name:"diy-row-list",
		data() {
			return {
				
			};
		}
		,props:{
			set:{
				type:Object,
				default:{}
			}
		},methods:{
			click(e){
				this.navto(e);
			}
		}
	}
</script>

<style>

</style>